// 上边主体
main{
    background-color: #4294ff;
    color: #fff;
    
    // 返回图标
    .icon-anniu_jiantouxiangzuo_o{
        padding: 20px 20px 10px 20px;
        font-size: 30px;
    }

    // 我的运动数据
    .my-sports{
        padding: 0px 20px 10px 20px;
        display: flex;
        justify-content: space-between;
        align-items: center;

        img{
            width: 80px;
            height: 80px;
            border-radius: 50px;
        }
    }

    // 总运动
    .total-sports{
        display: flex;
        padding: 0px 20px 10px 20px;

        div{
            flex-grow: 1;
            margin: 10px;

            >p:first-child{
                line-height: 2em;
                color: #aad9f7;
                font-size: 14px;
            }

            span{
                font-size: 30px;
            }
        }

        >div:first-child{
            border-right: 1px dashed #fff;
        }
    }

    // 消耗
    .consume{
        display: flex;
        justify-content: space-between;
        padding: 10px 20px 20px 20px;

        div{
            font-size: 12px;
            color: #aad9f7;

            span{
                display: block;
                margin-top: 5px;
                color: #fff;
                font-size: 14px;
                font-weight: bold;
            }
        }
    }
}

// 下边图表数据
.charts{
    background-color: #f9f9f9;
    padding-top: 20px;
    padding-bottom: 20px;

    .chart{
        margin: 0 20px 20px;
        height: 200px;
        border-radius: 10px;
        background-color: #fff;
        box-shadow: 0px 0px 1px 1px #ededed;
    }
}